<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/html">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>生产-控制</title>
  <link href="css/bootstrap.css" rel="stylesheet">
  <link href="css/index.css" rel="stylesheet">
  <script src="js/jquery-1.11.3.js"></script>
  <script src="js/bootstrap.js"></script>
  <script src="js/index.js"></script>
  <script src="js/highcharts.js"></script>
  <script src="js/main2.js"></script>
  <!--[if lt IE 9]>
  <script src="js/html5shiv.min.js"></script>
  <script src="js/respond.min.js"></script>
  <![endif]-->

</head>
<body>
<!--导航start-->
<nav class="navbar navbar-fixed-top">
  <div class="container-fluid ">
    <div class="row">
      <div class="col-md-2 nav-logo">
        <a href="首页.html"><img src="images/logo.png" /></a>
      </div>
      <div class="col-md-10 navbar1">
        <p class="navbar-text">信息沟通世界&nbsp;&nbsp;科技服务三农</p>
        <ul class="nav navbar-nav navbar-right">
          <li>
            <a href="销售-订单管理.html"><span class="glyphicon glyphicon-volume-up"></span>&nbsp;<span>订单<span class="badge">1</span></span></a>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
              <span class="glyphicon glyphicon-info-sign"></span>&nbsp;
              <span>帮助</span>
              <span class="caret"></span>
            </a>
            <ul class="dropdown-menu dropdown-menu-right">
              <li class="text-center"><a href="#"><span class="text-primary"><span class="glyphicon glyphicon-phone-alt"></span>&nbsp;&nbsp;0451-87963519-815</span></a></li>
              <li class="text-center"><a href="#"><span class="text-primary"><span class="glyphicon glyphicon-comment"></span>&nbsp;&nbsp;互助问答</span></a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
              <span class="glyphicon glyphicon-user"></span>&nbsp;
              <span>农业集团科技有限公司</span>
              <span class="caret"></span>
            </a>
            <ul class="dropdown-menu dropdown-menu-right">
              <li class="text-center"><a href="资源-公司信息.html"><span class="text-primary"><span class="glyphicon glyphicon-cog"></span>&nbsp;&nbsp;企业设置</span></a></li>
              <li class="text-center"><a href="首页.html"><span class="text-primary"><span class="glyphicon glyphicon-home"></span>&nbsp;&nbsp;个人首页</span></a></li>
              <li class="text-center"><a href="资源-站内信息.html"><span class="text-primary"><span class="glyphicon glyphicon-envelope"></span>&nbsp;&nbsp;系统消息</span></a></li>
              <li class="text-center"><a href="修改密码.html"><span class="text-primary"><span class="glyphicon glyphicon-lock"></span>&nbsp;&nbsp;修改密码</span></a></li>

            </ul>
          </li>
          <li>
            <a href="登录.html">
              <span class="glyphicon glyphicon-remove-circle"></span>&nbsp;<span>退出</span>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</nav>
<!--导航end-->
<!--主体开始-->
<main>
  <div class="container-fluid">
    <div class="row">
      <div class="col-xs-2 navbar2 sidebar">
        <h3>翔 农 云 农 场</h3>
        <h4>www.nongchang.com</h4>
        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
          <div class="panel panel-default">
            <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true"
               aria-controls="collapseOne">
              <i class="ziyuan"></i>
              <i class="panel-left1">资&nbsp;源</i>
            </a>
            <div id="collapseOne" class="panel-collapse collapse" >
              <ul class="nav  nav-list">
                <li><a href="资源-公司信息.html">公司信息</a></li>
                <li><a href="资源-认证信息.html">认证信息</a></li>
                <li><a href="资源-员工管理-基地负责人.html">员工信息</a></li>
                <li><a href="资源-园区管理.html">园区管理</a></li>
                <li><a href="资源-农机管理.html">农机管理</a></li>
                <li><a href="资源-设备管理.html">设备管理</a></li>
                <li><a href="资源-站内信息.html">站内信息</a></li>
              </ul>
            </div>
          </div>
          <div class="panel panel-default">
            <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne1" aria-expanded="true"
               aria-controls="collapseOne1">
              <i class="jihua"></i>
              <i class="panel-left1">计&nbsp;划</i>
            </a>
            <div id="collapseOne1" class="panel-collapse collapse" >
              <ul class="nav  nav-list">
                <li><a href="计划-种类.html">种 类</a></li>
                <li><a href="计划-排产.html">排 产</a></li>
              </ul>
            </div>
          </div>
          <div class="panel panel-default">
            <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne2" aria-expanded="true"
               aria-controls="collapseOne2">
              <i class="shengchan"></i>
              <i class="panel-left1">生&nbsp;产</i>
            </a>
            <div id="collapseOne2" class="panel-collapse collapse" >
              <ul class="nav  nav-list">
                <li><a href="生产-农事.html">农事管理</a></li>
                <li><a href="生产-预警管理.html">预警管理</a></li>
                <li><a href="生产-监测.html">监 测</a></li>
                <li><a href="生产-控制.html">控 制</a></li>
                <li><a href="生产-气象.html">气 象</a></li>
              </ul>
            </div>
          </div>
          <div class="panel panel-default">
            <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne4" aria-expanded="true"
               aria-controls="collapseOne4">
              <i class="xiaoshou"></i>
              <i class="panel-left1">销&nbsp;售</i>
            </a>
            <div id="collapseOne4" class="panel-collapse collapse" >
              <ul class="nav  nav-list">
                <li><a href="销售-订单管理.html">订单管理</a></li>
                <li><a href="销售-价格.html">价格管理</a></li>
              </ul>
            </div>
          </div>
          <div class="panel panel-default">
            <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne5" aria-expanded="true"
               aria-controls="collapseOne5">
              <i class="lvli"></i>
              <i class="panel-left1">商&nbsp;品</i>
            </a>
            <div id="collapseOne5" class="panel-collapse collapse" >
              <ul class="nav  nav-list">
                <li><a href="商品-加工.html">加 工</a></li>
                <li><a href="商品-损耗.html">损 耗</a></li>
              </ul>
            </div>
          </div>
          <div class="panel panel-default">
            <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne6" aria-expanded="true"
               aria-controls="collapseOne6">
              <i class="jiagong"></i>
              <i class="panel-left1">配&nbsp;送</i>
            </a>
            <div id="collapseOne6" class="panel-collapse collapse" >
              <ul class="nav  nav-list">
                <li><a href="配送-物流管理.html">物流管理</a></li>
                <li><a href="履历-履历管理.html">履历管理</a></li>
              </ul>
            </div>
          </div>
          <div class="panel panel-default">
            <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne7" aria-expanded="true"
               aria-controls="collapseOne7">
              <i class="fenxi"></i>
              <i class="panel-left1">统&nbsp;计</i>
            </a>
            <div id="collapseOne7" class="panel-collapse collapse" >
              <ul class="nav nav-list">
                <li><a href="汇总-历年产量对比-投产量.html">汇 总</a></li>
                <li><a href="分析-农事管理分析-环境监控历史纪录.html">分 析</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <!--左侧nav end-->
      <!--二级面板开始-->
      <div class="col-xs-10 center_box section-char">
        <div class="row">
          <div class="col-xs-2 nav-shensuo ">
            <div class="panel panel-primary">
              <div class="panel-body">
                <div class="has-feedback">
                  <a href="#" class="btn btn-link btn-lg shensuo"  role="button" type="button" data-toggle="collapse" data-target="#menua" onclick="changeFeedback('feedback-menua')">
                    <span class="glyphicon glyphicon-plus" id="feedback-menua" ></span>
                    农业科技集团有限公司
                  </a>
                </div>
                <div id="menua" class="collapse">
                  <div class="has-feedback">
                    <a href="#" class="btn btn-link  shensuo" role="button" type="button" data-toggle="collapse" data-target="#menuaa" onclick="changeFeedback('feedback-menuaa')">
                      <span class="glyphicon glyphicon-plus" id="feedback-menuaa"  ></span>
                      地块1
                    </a>
                    <div id="menuaa" class="collapse">
                      <div class="has-feedback">
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list" >
                          <span class="glyphicon glyphicon-leaf" id="feedback-menuaaa" ></span>
                          21号棚
                        </a>
                      </div>
                      <div class="has-feedback">
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list" >
                          <span class="glyphicon glyphicon-leaf" id="feedback-menuaab" ></span>
                          22号棚
                        </a>
                      </div>
                      <div class="has-feedback">
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list"  >
                          <span class="glyphicon glyphicon-leaf" id="feedback-menuaac" ></span>
                          23号棚
                        </a>
                      </div>
                      <div class="has-feedback">
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list" >
                          <span class="glyphicon glyphicon-leaf" id="feedback-menuaad" ></span>
                          24号棚
                        </a>
                      </div>
                      <div class="has-feedback">
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list" >
                          <span class="glyphicon glyphicon-leaf" id="feedback-menuaah" ></span>
                          25号棚
                        </a>
                      </div>
                      <div class="has-feedback">
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list" >
                          <span class="glyphicon glyphicon-leaf" id="feedback-menuaae" ></span>
                          26号棚
                        </a>
                      </div>
                      <div class="has-feedback">
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list" >
                          <span class="glyphicon glyphicon-leaf" id="feedback-menuaaf" ></span>
                          27号棚
                        </a>
                      </div>
                      <div class="has-feedback">
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list" >
                          <span class="glyphicon glyphicon-leaf" id="feedback-menuaag" ></span>
                          28号棚
                        </a>
                      </div>
                    </div>
                  </div>
                  <div class="has-feedback" >
                    <a href="#" class="btn btn-link  shensuo" role="button" type="button" data-toggle="collapse" data-target="#menubb" onclick="changeFeedback('feedback-menubb')">
                      <span class="glyphicon glyphicon-plus" id="feedback-menubb"  ></span>
                      地块2
                    </a>
                    <div id="menubb" class="collapse">
                      <div class="has-feedback">
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list">
                          <span class="glyphicon glyphicon-leaf" id="feedback-menubba" ></span>
                          21号棚
                        </a>
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list">
                          <span class="glyphicon glyphicon-leaf" id="feedback-menubbb" ></span>
                          22号棚
                        </a>
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list">
                          <span class="glyphicon glyphicon-leaf" id="feedback-menubbc" ></span>
                          23号棚
                        </a>
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list">
                          <span class="glyphicon glyphicon-leaf" id="feedback-menubbd" ></span>
                          24号棚
                        </a>
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list">
                          <span class="glyphicon glyphicon-leaf" id="feedback-menubbf" ></span>
                          25号棚
                        </a>
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list">
                          <span class="glyphicon glyphicon-leaf" id="feedback-menubbe" ></span>
                          26号棚
                        </a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="panel panel-primary">
              <div class="panel-body">
                <div class="has-feedback">
                  <a href="#" class="btn btn-link btn-lg shensuo" role="button" type="button" data-toggle="collapse" data-target="#menu1" onclick="changeFeedback('feedback-menu1')">
                    <span class="glyphicon glyphicon-plus" id="feedback-menu1" ></span>
                    农业科技集团有限公司
                  </a>
                </div>
                <div id="menu1" class="collapse">
                  <div class="has-feedback">
                    <a href="#" class="btn btn-link  shensuo" role="button" type="button" data-toggle="collapse" data-target="#menu11" onclick="changeFeedback('feedback-menu11')">
                      <span class="glyphicon glyphicon-plus" id="feedback-menu11"  ></span>
                      地块1
                    </a>
                    <div id="menu11" class="collapse">
                      <div class="has-feedback">
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list">
                          <span class="glyphicon glyphicon-leaf" id="feedback-menu111" ></span>
                          21号棚
                        </a>
                      </div>
                      <div class="has-feedback">
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list">
                          <span class="glyphicon glyphicon-leaf" id="feedback-menu112" ></span>
                          22号棚
                        </a>
                      </div>
                      <div class="has-feedback">
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list" >
                          <span class="glyphicon glyphicon-leaf" id="feedback-menu113" ></span>
                          23号棚
                        </a>
                      </div>
                      <div class="has-feedback">
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list" >
                          <span class="glyphicon glyphicon-leaf" id="feedback-menu114" ></span>
                          24号棚
                        </a>
                      </div>
                      <div class="has-feedback">
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list">
                          <span class="glyphicon glyphicon-leaf" id="feedback-menu115" ></span>
                          25号棚
                        </a>
                      </div>
                      <div class="has-feedback">
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list">
                          <span class="glyphicon glyphicon-leaf" id="feedback-menu116" ></span>
                          26号棚
                        </a>
                      </div>
                      <div class="has-feedback">
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list">
                          <span class="glyphicon glyphicon-leaf" id="feedback-menu117" ></span>
                          27号棚
                        </a>
                      </div>
                      <div class="has-feedback">
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list">
                          <span class="glyphicon glyphicon-leaf" id="feedback-menu118" ></span>
                          28号棚
                        </a>
                      </div>
                    </div>
                  </div>
                  <div class="has-feedback">
                    <a href="#" class="btn btn-link  shensuo" role="button" type="button" data-toggle="collapse" data-target="#menu12" onclick="changeFeedback('feedback-menu12')">
                      <span class="glyphicon glyphicon-plus" id="feedback-menu12"  ></span>
                      地块2
                    </a>
                    <div id="menu12" class="collapse">
                      <div class="has-feedback">
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list">
                          <span class="glyphicon glyphicon-leaf" id="feedback-menu121" ></span>
                          21号棚
                        </a>
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list">
                          <span class="glyphicon glyphicon-leaf" id="feedback-menu122" ></span>
                          22号棚
                        </a>
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list">
                          <span class="glyphicon glyphicon-leaf" id="feedback-menu123" ></span>
                          23号棚
                        </a>
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list">
                          <span class="glyphicon glyphicon-leaf" id="feedback-menu124" ></span>
                          24号棚
                        </a>
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list">
                          <span class="glyphicon glyphicon-leaf" id="feedback-menu125" ></span>
                          25号棚
                        </a>
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list">
                          <span class="glyphicon glyphicon-leaf" id="feedback-menu126" ></span>
                          26号棚
                        </a>
                      </div>
                    </div>
                  </div>
                  <div class="has-feedback">
                    <a href="#" class="btn btn-link  shensuo" role="button" type="button" data-toggle="collapse" data-target="#menu13" onclick="changeFeedback('feedback-menu13')">
                      <span class="glyphicon glyphicon-plus" id="feedback-menu13"  ></span>
                      东区
                    </a>
                    <div id="menu13" class="collapse">
                      <div class="has-feedback">
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list">
                          <span class="glyphicon glyphicon-leaf" id="feedback-menu131" ></span>
                          东1棚
                        </a>
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list">
                          <span class="glyphicon glyphicon-leaf" id="feedback-menu132" ></span>
                          东2棚
                        </a>
                        <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list">
                          <span class="glyphicon glyphicon-leaf" id="feedback-menu133" ></span>
                          东3棚
                        </a>
                      </div>
                    </div>
                  </div>
                  <div class="has-feedback">
                    <a href="#" class="btn btn-link  shensuo" role="button" type="button" data-toggle="collapse" data-target="#menu14" onclick="changeFeedback('feedback-menu14')">
                      <span class="glyphicon glyphicon-plus" id="feedback-menu14"></span>
                      枣区
                    </a>
                  </div>
                  <div id="menu14" class="collapse">
                    <div class="has-feedback">
                      <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list">
                        <span class="glyphicon glyphicon-leaf" id="feedback-menu141" ></span>
                        枣1棚
                      </a>
                      <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list">
                        <span class="glyphicon glyphicon-leaf" id="feedback-menu142" ></span>
                        枣2棚
                      </a>
                      <a href="#" type="button" class="btn btn-link btn-sm  shensuo-list">
                        <span class="glyphicon glyphicon-leaf" id="feedback-menu143" ></span>
                        枣3棚
                      </a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-xs-1 shensuo-btn">
            <img src="images/Btn.png" alt=""/>
          </div>
          <!--二级面板end-->
          <!--右侧内容开始-->
          <div class="col-xs-8 section-right1">

      <div class="row nongji-btn">
        <div class="col-xs-12">
          <span>生产&nbsp;&gt;&nbsp;&nbsp;控制</span>
        </div>
      </div>
          <div class="row nongji-btn">
            <div class="col-xs-3 jiance-img">
              <img src="images/111.png" alt="" />
            </div>
            <div class="col-xs-4 kongzhi-title">
              <h1>21号工棚</h1>
            </div>
          </div>
          <div class="kongzhi-qiehuan">
            <ul id="myTab" class="nav nav-tabs kongzhi-active">
              <li class="active">
                <a href="#wendu" data-toggle="tab" class="qiehuan-img">
                  <img src="images/on.png" alt=""/>
                  <div class="pull-right">
                    温度设备
                    <br/>
                    13℃
                  </div>
                </a>
              </li>
              <li>
                <a href="#wendu" data-toggle="tab" class="qiehuan-img">
                  <img src="images/on.png" alt=""/>
                  <div class="pull-right">
                    视频设备
                    <br/>
                    13℃
                  </div>
                </a>
              </li>
              <li>
                <a href="#wendu" data-toggle="tab" class="qiehuan-img">
                  <img src="images/on.png" alt=""/>
                  <div class="pull-right">
                    视频设备
                    <br/>
                    13℃
                  </div>
                </a>
              </li>
              <li>
                <a href="#wendu" data-toggle="tab" class="qiehuan-img">
                  <img src="images/on.png" alt=""/>
                  <div class="pull-right">
                    视频设备
                    <br/>
                    13℃
                  </div>
                </a>
              </li>
              <li>
                <a href="#wendu" data-toggle="tab" class="qiehuan-img">
                  <img src="images/on.png" alt=""/>
                  <div class="pull-right">
                    视频设备
                    <br/>
                    13℃
                  </div>
                </a>
              </li>
              <li>
                <a href="#wendu" data-toggle="tab" class="qiehuan-img">
                  <img src="images/on.png" alt=""/>
                  <div class="pull-right">
                    视频设备
                    <br/>
                    13℃
                  </div>
                </a>
              </li>
            </ul>
            <div id="myTabContent" class="tab-content">
              <div class="tab-pane fade in active" id="wendu">
                <div class="row">
                  <form class="form-horizontal" role="form">
                    <div class="form-group">
                      <p class="col-xs-2 control-label">最低阈值：</p>
                      <div class="col-xs-3">
                        <input type="text" class="form-control"  placeholder="" >
                      </div>
                      <p class="col-xs-2 control-label" style="text-align: center;">最高阈值：</p>
                      <div class="col-xs-3">
                        <input type="text" class="form-control"  placeholder="" >
                      </div>
                    </div>
                  </form>
                </div>
                   <div class="row">
                     <div class="col-xs-4 col-xs-offset-5 mianban-title">
                       <img src="images/3333.png" alt="" class="wenduji"/>
                        <span>温 度 设 备</span>
                     </div>
                   </div>
                <div class="row">
                   <div class="col-xs-12">
                     <div class="progress">
                       <div class="progress-bar progress-bar-striped active" title="13℃" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="width:30%"></div>
                       <div class="progress-bar progress-bar-warning" title="阈值30℃" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 30%;"></div>
                     </div>
                   </div>
                   </div>
                <div class="row jindutiao-title">
                  <div class="col-xs-1 col-xs-offset-3">
                     <span>13℃</span>
                  </div>
                  <div class="col-xs-2 col-xs-offset-2">
                    <span>阈值30℃</span>
                  </div>
                </div>
                <div class="row shebei-detail">
                  <div class="col-xs-offset-1 col-xs-3">
                    设 备 编 号：1 2 3
                  </div>
                  <div class="col-xs-offset-1 col-xs-3">
                    设 备 型 号：b n 3 4 5
                  </div>
                  <div class="col-xs-offset-1 col-xs-3 shebeizhuangtai">设 备 状 态：开启</div>
                </div>
                <div class="row">
                  <div class="col-xs-10">
                    <div id="chart_3" class="chart qixiangchar"></div>
                  </div>
                </div>
              </div>
            </div>
            </div>
        </div>
      </div>
        </div>
      </div>
    </div>
  </main>
<!--主体end-->
<!--<script>-->
  <!--var s = document.createElement('script');-->
  <!--s.onload = function () {-->
    <!--bootlint.showLintReportForCurrentDocument([]);-->
  <!--}-->
  <!--s.src = 'js/bootlint.js';-->
  <!--document.body.appendChild(s);-->
<!--</script>-->
</body>
</html>